<style type="text/css">
/*@font-face{font-family:'Museo';font-style:normal;font-weight:300;src:url("fonts/Museo300-Regular.otf")}
@font-face{font-family:'Museo';font-style:normal;font-weight:500;src:url("fonts/Museo500-Regular.otf")}*/

#splash .global_form_box{
background-color: transparent;
background-image: url();
border: 0;
}

body#global_page_core-index-index {
	background-color: rgba(0, 0, 0, 0.1) !important;
	background-size: cover !important;;
	background-position: 50% 50% !important;
}
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:20px;padding:4px 6px;font-size:14px;line-height:20px;color:#555;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}input,textarea,.uneditable-input{width:270px}textarea{height:auto}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;*margin-top:0;line-height:normal}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}select{width:220px;background-color:#fff;border:1px solid #ccc}select[multiple],select[size]{height:auto}select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.uneditable-input,.uneditable-textarea{color:#999;cursor:not-allowed;background-color:#fcfcfc;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025)}.uneditable-input{overflow:hidden;white-space:nowrap}.uneditable-textarea{width:auto;height:auto}input:-moz-placeholder,textarea:-moz-placeholder{color:#999}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}
#submit{width: 285px;background-color:#1d8bcd;text-shadow:0 -1px 0 rgba(0,0,0,0.4);-webkit-border-radius:4px;border-radius:4px;background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #1b71a4), color-stop(0.97, #1d8bcd), color-stop(1, #67b9e9));background-image:-webkit-linear-gradient(bottom, #1b71a4 0%, #1d8bcd 97%, #67b9e9 100%);background-image:-moz-linear-gradient(bottom, #1b71a4 0%, #1d8bcd 97%, #67b9e9 100%);background-image:-o-linear-gradient(bottom, #1b71a4 0%, #1d8bcd 97%, #67b9e9 100%);background-image:-ms-linear-gradient(bottom, #1b71a4 0%, #1d8bcd 97%, #67b9e9 100%);background-image:linear-gradient(bottom, #1b71a4 0%, #1d8bcd 97%, #67b9e9 100%)}
#submit:hover, #submit:active,#submit:focus{background-color:#1b71a4}
.form-description{
color: #ccc;
margin-bottom: 5px;
}
</style>
<script type="text/javascript">
window.addEvent('domready', function() { 
	$('splash').setStyles({
		'height': window.getSize().y + 'px',
		'width': window.getSize().x + 'px'
	}).fade('in').set('tween',{duration:1000});
	
	if($('remember')) {
		$('remember').set('checked', 'checked');
	} 
	//$$('.form-label').destroy();
	
	if($('email')){
		$('email').set('placeholder', 'Email');
	}
	if($('password')){
		$('password').set('placeholder', 'Password');
	}
	if($('passconf')){
		$('passconf').set('placeholder', 'Password Again');
	}
	
	var presentArray = ['<?php echo $this->translate('Help your countries and leaders , review and rate them');?>',
						'<?php echo $this->translate('Africa future is bright, join your country page  and be part of  it');?>', 
						'<?php echo $this->translate('See how Africa is doing , review and rate those who are managing it');?>'];  
	var present_text = presentArray[Math.floor(Math.random() * presentArray.length)];
	$('present_text').set('html', present_text);
	
	var imageArray = ['application/modules/Country/externals/images/camera/introduction/1.ethiopia-rock-church.jpg',
					  'application/modules/Country/externals/images/camera/introduction/2.800px-Suez_Canal_Bridge.jpg',
					  'application/modules/Country/externals/images/camera/introduction/3.Mt._Kilimanjaro_12.2006.JPG',
					  'application/modules/Country/externals/images/camera/introduction/4.animals.jpg',
					  'application/modules/Country/externals/images/camera/introduction/5.pyramids.jpg',
					  'application/modules/Country/externals/images/camera/introduction/6.casablanca_mosquee_hassan_ii.jpg',
					  'application/modules/Country/externals/images/camera/introduction/7.yamoussoukro.jpg',
					  'application/modules/Country/externals/images/camera/introduction/8.Mandela.jpg'];
	$('global_page_core-index-index').setStyle('background-image', 'url('+ imageArray[Math.floor(Math.random() * imageArray.length)] +')');				  
});
</script>

<style type="text/css">

</style>
<div id="header">
  <div class="container">
   <h1><img width="" height="40" src="http://one-africa.com/public/admin/oneafrica.png" alt="LinkedIn" class="logo"><span style="float: right; margin-left: 5px;">One Africa</span></h1>

    <p class="textad"></p>

    <div class="login"> 
        <form data-jsenabled="check" class="ajax-form" id="login" novalidate="novalidate" name="login" method="POST" action="/login">
        <fieldset        
            <ul id="control_gen_1">
                <li>
                  <label for="session_key-login">Email address</label>

                  <div class="fieldgroup">
                    <span id="session_key-login-error" class="error"></span>
                    <input type="text" data-ime-mode-disabled="" size="27" tabindex="1" autofocus="" id="session_key-login" value="" name="email">
                  </div>
                </li>
                <li>
                  <label for="session_password-login">Password</label>
                    <a tabindex="4" class="forgot-pwd" href="/user/auth/forgot">Forgot your password?</a>
                  <div class="fieldgroup">
                    <span id="session_password-login-error" class="error"></span>
                    <input type="password" size="27" tabindex="2" id="session_password-login" value="" name="password">
                  </div>
                </li>
              <li class="button">
                <input type="submit" class="btn-secondary" tabindex="3" id="signin" value="Sign In" name="submit">
              </li>
            </ul>
        </fieldset>  
			<input type="hidden" value="1" name="remember">
          
       </form>
  </div>
  </div>
</div>

<div id="splash">
<div id="splash-menu" class="splash-menu">
	</div>
<!-- end#splash-menu -->
<div id="splash-body">
<!-- #form -->
	<div id="se_form">
		<h1><b>O</b>ne Africa</h1>
		<h2 id="present_text"><?php echo $this->translate('Help your country. And leaders review and rate them')?></h2>
		
		<?php echo $this->formsignup->setAttrib('class', 'global_form')->render($this) ?>

	</div>
<!-- end #form -->
</div>
<!-- end #splash-body -->

<div class="row-fluid" id="splash-work-description">
	<div class="info">
		<div class="profile">
			<img src="<?php echo $this->news->getPhotoUrl($this->news->photo_id, 'thumb.normal')?>"  alt="">
		</div>
			<h3>
				<span class="title">
					<?php echo $this->htmlLink($this->news->getHref(), $this->news->getTitle()) ?>
				</span>
				<span> by </span>
				<span class="name">
					<?php echo $this->htmlLink($this->news->getOwner()->getHref(), $this->news->getOwner()->getTitle()) ?>
				</span>
			</h3>
			<div class="work-description hidden-phone">
				<?php echo $this->string()->truncate($this->string()->stripTags($this->news->body), 300) ?>
			</div>
	</div>	
	<div class="pull-left hidden-phone">
		<div class="see-more">
			<a href="<?php echo $this->baseUrl(). '/country/news/list/country/' . $this->news->country_id?>"><?php echo $this->translate('More Like This')?><span>&#187;</span></a>
		</div>
	</div>
</div>

<!-- #splash-nav -->
<div id="splash-nav">
	<ul>
		<li>
			<a href="#"><?php echo $this->translate('About')?></a>
		</li>
		<li>
			<a href="<?php echo $this->url(array("module" => "core", "controller" => "help", "action" => "contact"), 'default');?>"><?php echo $this->translate('Privacy')?></a>
		</li>
		<li>
			<a href="<?php echo $this->url(array("module" => "core", "controller" => "help", "action" => "privacy"), 'default');?>"><?php echo $this->translate('Contact')?></a>
		</li>
	</ul>
</div>
<!-- end #splash-nav -->
</div>
